// pages/detail/detail.js
import { getArticleDetail, getComments } from '../../api/detail'
import {formatRichText, intervalTime} from '../../utils/util.js'
// import {
//   intervalTime
// } from "@/common/util.js"

Page({

  /**
   * 页面的初始数据
   */
  data() {
    
    return {
      intervalTime: intervalTime,
      artid: '',
      art_info: '',
      doneDetail: '',
      comFinishFlag: false,
      comInfo: {},
      newTime: '',
      last_id: ''
    }
  },

  // 处理两个时间戳差值
  formatTime(time){
    const res = util.intervalTime(time)
    this.setData({
      newTime: res
    })
    console.log(res);
  },

  // 获取文章详情
  async getArticleDetail(id){
    const res = await getArticleDetail(id)
    console.log(res);
    
    this.setData({
      art_info: res.data,
      doneDetail: formatRichText(res.data.content)
    })
  },

  // 触底获取评论
  async getComments() {
    const com = await getComments({
      type: 'a',
      source: this.data.artid,
      offset: this.data.last_id?this.data.last_id:'',
      limit: 10
    })
    // console.log('com:' + com);
    if (!this.data.comInfo) {
      this.setData({
        comInfo: com.data,
        last_id: com.data.last_id
      })
    } else {
      this.setData({
        'comInfo.results': [...this.data.comInfo.results, ...com.data.results]
      })
    }
    

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad({artid}) {
    this.setData({
      artid: artid
    })
    this.getArticleDetail(artid)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    console.log('触底了');
    if (!this.data.comInfo) {
      this.getComments()
    } else if (this.data.comInfo.end_id === this.data.comInfo.results[this.data.comInfo.results.length - 1]?.com_id ) {
      return
    } else {
      this.getComments()
    }
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})